$(function(){
    // 区域滑动
    mui('.mui-scroll-wrapper').scroll({
        deceleration: 0.0005, //flick 减速系数，系数越大，滚动速度越慢，滚动距离越小，默认值0.0006
        indicators: false//是否显示滚动条
    });

    //图片轮播
    mui('.mui-slider').slider({
        interval:2000//自动轮播周期，若为0则不自动播放，默认为0；
    });

    getProductData(CT.getParamsByUrl().productId, function (data) {
        //清除加载状态
        $('.loading').remove()
        // 渲染商品详情页
        $('.detail').html(template('details', data))
        //要放在里面，不然等页面加载时事件已经被绑定了，但页面还没渲染完这个类还没存在
        // 1、尺码选择
        $('.sizes').on('tap', function () {
            $(this).addClass('now').siblings().removeClass('now')
        })
        // 2、数量增加
        $('.selectNum span').on('tap', function () {
            var num = $(this).siblings('input').val()
            if ($(this).hasClass('jia')) {
                num++
                if (num>data.num) {
                    mui.toast('库存不足')
                   return false

                }
            }
            if ($(this).hasClass('jian')) {
                num--
                if (num<=0) {
                   return false
                }
            }
            $(this).siblings('input').val(num)
        })
        // 3、加购物车
        $('.btn_addCart').on('tap', function () {
            //判断有没有选尺码
            var sizeSelect = $('.sizes.now')
            var sizeSelectSize = $('.sizes.now')[0].innerText;
            if (sizeSelect.length ==0) {
                //tap事件的击穿：提示信息刚好在加购按钮上，当按钮被点时提示信息也被点，所以不显示提示信息
                setTimeout(function () {
                    mui.toast('请选择尺码')
                }, 500)
            }
            //判断有没有数量
            var $inputNum = $('.selectNum input').val()
            if($inputNum ==0) {
                setTimeout(function () {
                    mui.toast('请选择购买数量')
                }, 500)
            }
            //提交数据
            CT.loginAjax({
                url: '/cart/addCart',
                type: 'post',
                data: {
                    productId: CT.getParamsByUrl().productId,
                    num: $inputNum,
                    size: sizeSelectSize
                },
                dataType: 'json',
                success: function (data) {
                    if (data.success == true) {
                        var btnArray = ['是', '否'];
                        mui.confirm('添加成功，去购物车看看？', '温馨提示', btnArray, function(e) {
                            if (e.index == 0) {
                                location.href = CT.cartUrl
                            } else {
                                info.innerText = 'MUI没有得到你的认可，继续加油'
                            }
                        })
                    }
                }
            })
        })
    })
});


var getProductData = function (productId, callback) {
    $.ajax({
        url: '/product/queryProductDetail',
        type: 'get',
        data: {
            id: productId
        },
        dataType: 'json',
        success: function (data) {
            setTimeout(function () {
                console.log(data)
                callback && callback(data)
            }, 1000)
        }
    })
}